<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link href="menu_sms.css" media="screen" rel="stylesheet" type="text/css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="js/jquery.js"></script>
        <script src="js/minified/jquery.ui.core.min.js"></script>
        <script src="js/minified/jquery.ui.widget.min.js"></script>
        <script src="js/minified/jquery.ui.mouse.min.js"></script>
        <script src="js/minified/jquery.ui.draggable.min.js"></script>
        <script src="js/minified/jquery.ui.position.min.js"></script>
        <script src="js/minified/jquery.ui.datepicker.min.js"></script>
        <script src="js/minified/jquery.ui.button.min.js"></script>
        <script src="js/minified/jquery.ui.dialog.min.js"></script>
        <script src="js/minified/jquery.effects.core.min.js"></script>
        
        <!--
        <script src="development-bundle/external/jquery.bgiframe-2.1.2.js"></script>
        
        <script src="development-bundle/ui/jquery.ui.mouse.js"></script>
        <script src="development-bundle//ui/jquery.ui.button.js"></script>
        <script src="development-bundle/ui/jquery.ui.draggable.js"></script>
        <script src="development-bundle/ui/jquery.ui.position.js"></script>
        <script src="development-bundle/ui/jquery.ui.resizable.js"></script>
        <script src="development-bundle/ui/jquery.ui.dialog.js"></script>
        <script src="development-bundle//ui/jquery.effects.core.js"></script>
-->
        <link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.14.custom.css" >
            <style>
                body { font-size: 62.5%; }
                label, input { display:block; }
                input.text { margin-bottom:12px; width:95%; padding: .4em; }
                fieldset { padding:0; border:0; margin-top:25px; }
                h1 { font-size: 1.2em; margin: .6em 0; }
                div#users-contain { width: 350px; margin: 20px 0; }
                div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
                div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
                .ui-dialog .ui-state-error { padding: .3em; }
                .validateTips { border: 1px solid transparent; padding: 0.3em; }
            </style>




            <script>
	
	
	
	
                $(function() {
                    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
		
                    var KeyWord = $( "#KeyWord" ),
                    descripcion = $( "#descripcion2" ),
                    mensaje = $( "#mensaje" ),
                    allFields = $( [] ).add( KeyWord ).add( descripcion ).add( mensaje ),
                    tips = $( ".validateTips" );

                    function updateTips( t ) {
                        tips
                        .text( t )
                        .addClass( "ui-state-highlight" );
                        setTimeout(function() {
                            tips.removeClass( "ui-state-highlight", 1500 );
                        }, 500 );
                    }

                    function checkLength( o, n, min, max ) {
                        if ( o.val().length > max || o.val().length  < min ) {
                            o.addClass( "ui-state-error" );
                            updateTips( "Length of " + n + " must be between " +
                                min + " and " + max + "." );
                            return false;
                        } else {
                            return true;
                        }
                    }

		
                    $( "#dialog-form" ).dialog({
                        autoOpen: false,
                        height: 350,
                        width: 530,
                        modal: true,
                        buttons: {
                            "Generar Reporte": function() {
                                valida_prgenvia();
                            },
                            Cancel: function() {
                                $( this ).dialog( "close" );
                            }
                        },
                        close: function() {
                            allFields.val( "" ).removeClass( "ui-state-error" );
                        }
                    });

                    $("#create-user").button()
                    .click(function() {
                        $( "#dialog-form" ).dialog( "open" );
                    });
                    $("#create-user2").button();
                    $("#create-user3").button();
                    $( "#create-user4" ).button();
                });
            </script>



            <style type="text/css" title="currentStyle">

                @import "examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css";
                .ui-datepicker{
                    display:none;
                }
                .izq{
                    float: left;
                }

            </style>






            <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>




            
            <!--<link rel="stylesheet" href="style/demos.css">-->

                <script type="text/javascript">
                    $(window).load(function() {
                        $('#slider').nivoSlider();
                    });
                </script>

                <script type="text/javascript">
                    $(function() {
                        var dates = $( "#from, #to" ).datepicker({
                            defaultDate: "-5w",
                            changeMonth: true,
                            numberOfMonths: 3,
                            onSelect: function( selectedDate ) {
                                var option = this.id == "from" ? "minDate" : "maxDate",
                                instance = $( this ).data( "datepicker" ),
                                date = $.datepicker.parseDate(
                                instance.settings.dateFormat ||
                                    $.datepicker._defaults.dateFormat,
                                selectedDate, instance.settings );
                                dates.not( this ).datepicker( "option", option, date );
                            }
                        });
                    });
                </script>
                <script >
                    <!--
                    grupos= "";
                    num=0;
                    cantidad=0;
                    function crear(obj) {
                        var indice = document.getElementById('grupo').selectedIndex;
                        grupo = document.getElementById('grupo').options[indice].value;	
                        num++;
                        if(grupos.indexOf(grupo)!=-1)
                        {
                            alert("Ya agrego este grupo.");
                        }
                        else{
                            grupos=grupos+"'"+grupo+"', ";
                            cantidad++;
                            fi = document.getElementById('fiel'); // 1
                            contenedor = document.createElement('div'); // 2
                            contenedor.id = 'div'+num;
                            contenedor.style.width="auto";
                            contenedor.className="izq"; // 3
                            fi.appendChild(contenedor); // 4

                            ele = document.createElement('input'); // 5
                            ele.type = 'button'; // 6
                            ele.disabled="disabled";  // 6
                            ele.value= grupo; //6
                            ele.name = 'fil'+num; // 6
                            contenedor.appendChild(ele); // 7
  
                            ele = document.createElement('input'); // 5
                            ele.type = 'button'; // 6
                            ele.value = 'Borrar'; // 8
                            ele.name = 'div'+num;
                            ele.id= grupo // 8
                            ele.style.position="relative";
                            ele.onclick = function () {borrar(this.name, this.id)} // 9
                            contenedor.appendChild(ele); // 7
                        }
  
                    }
                    function borrar(obj, menos) {
                        fi = document.getElementById('fiel'); // 1 
                        grupos=grupos.replace("'"+menos+"', ", ""); 
                        cantidad--;
                        fi.removeChild(document.getElementById(obj)); // 10
  
                    }

                    function ver(){
                        alert(grupos);
                    }

                    function valida_prgenvia(){
		
                        if(document.getElementById('fechas').checked){
                            if (document.frm_rango.from.value.length==0 || document.frm_rango.to.value.length==0){
                                alert("Seleccione un rango de fechas...");			   
                            } 
                            else {
                                if(document.getElementById('groups').checked){
                                    if(cantidad==0){
                                        alert("Necesita agregar por lo menos un grupo");
                                    }
                                    else{
                                        location.href="reporte1.php?fecha1="+document.frm_rango.from.value+"&fecha2="+document.frm_rango.to.value+"&grupo="+grupos;
                                    }
                                }
                                else{
                                    location.href="reporte1.php?fecha1="+document.frm_rango.from.value+"&fecha2="+document.frm_rango.to.value;
                                }			
                            }		
                        }
                        else{
                            if(document.getElementById('groups').checked){
                                if(cantidad==0){
                                    alert("Necesita agregar por lo menos un grupo");
                                }
                                else{
                                    location.href="reporte1.php?grupo="+grupos;
                                }
                            }
                            else{
                                location.href="reporte1.php";
                            }	
                        }
	
                    }
	
                    function filtro1(){
                        if(document.getElementById('groups').checked){
                            document.getElementById('adgroup').disabled="";
                            document.getElementById('grupo').disabled="";
                        }
                        else{
                            document.getElementById('adgroup').disabled="disabled";
                            document.getElementById('grupo').disabled="disabled";
                        }
                    }
	
                    function filtro2(){
                        if(document.getElementById('fechas').checked){
                            document.getElementById('from').disabled="";
                            document.getElementById('to').disabled="";
                        }
                        else{
                            document.getElementById('from').disabled="disabled";
                            document.getElementById('to').disabled="disabled";
                        }
                    }
	
	
                </script>



                </head>
                <body>
                    <div id="dialog-form" title="Usuarios" >
                        <form style="border:none" name="frm_rango" id="frm_rango">
                            <fieldset>
                                <label style="font-size:16px; vertical-align:middle"><input type="checkbox"  style="float:left" id="groups" onclick="filtro1();"/>Filtrar por Grupo </label>
                                <br />
                                <table style="margin-left:20px">
                                    <tr>
                                        <td>
                                            <select id="grupo">
                                                <?php
                                                $conexion = mysql_connect("localhost", "admin", "Xurpas123");
                                                mysql_select_db("smsnic", $conexion);
                                                $result1 = mysql_query("SELECT * FROM grupos", $conexion) or die(mysql_error());
                                                if (mysql_num_rows($result1)) {
                                                    while ($row1 = @mysql_fetch_array($result1)) {
                                                        $dato = $row1['nombre'];
                                                        echo "<option>";
                                                        echo $dato;
                                                        echo "</option>";
                                                    }
                                                }
                                                mysql_close($conexion);
                                                ?>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="button" value="Agregar" onclick="crear(this)" id="adgroup" />   
                                        </td>
                                    </tr>
                                </table>
                                <div  id="fiel">
                                </div>
                                <br />
                                <br />
                                <br />
                                <table width="100%">
                                    <tr>
                                        <td>
                                            <label style="font-size:16px; vertical-align:middle"><input type="checkbox" style="float:left" id="fechas" onclick="filtro2();" />Filtrar por Fecha</label>
                                            <br />
                                            <table style="margin-left:20px">
                                                <tr>
                                                    <td>
                                                        <label style="font-size:12px">Desde</label>
                                                        <input name="from" id="from"/>
                                                    </td>
                                                    <td>
                                                        <label style="font-size:12px">hasta</label><input name="to" id="to"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>   	
                            </fieldset>
                        </form>
                    </div>

                    <div style="height:500px">
                        <div class="container"><center>
                                <div class="sidebar1"><div class="text">El Reporte de Historico de Envios le permitira saber a detalle los envios que usted ha realizado.<br/><br/>Si desea visualizar el envio diario de SMS, de click en el boton de abajo.</div>
                                    <ul class="nav">
                                        <li id="create-user" style="width:100%"><a href="#" style="color: black;">Historico de Envios</a></li>
                                    </ul>
                                </div>
                                <div class="sidebar1"><div class="text">El Reporte de las Conversaciones le permitira visualizar el estado de los mensajes que la conforman, brindando informaci&Oacute;n. Le permitira visualizar los mensajes enviados, los que fallaron al enviar y los que todavia faltan por enviar<br/><br/></div>
                                    <ul class="nav">
                                        <li id="create-user2" style="width:100%"><a href="reportes/reportes.php"><div style="margin-top:-7px">Estado de las Conversaciones</div></a></li>
                                    </ul>
                                </div>
                                <div class="sidebar1"><div class="text">El Reporte de Envios Diarios de SMS le permitira saber en todo momento la cantidad de mensajes que se han enviado por dia a cada una de las operadoras.<br/><br/>Si desea visualizar el envio diario de SMS, de click en el boton de abajo.</div>
                                    <ul class="nav">
                                        <li id="create-user3" style="width:100%"><a href="reportes/reportesTDiarios.php">Envío Diario de SMS</a></li>
                                    </ul>
                                </div>
                                <div class="sidebar1"><div class="text">Conocer la cantidad de envios que se han realizado a cada contacto es vital para conocer la inversion que ha hecho la empresa en cada uno de sus clientes. El Reporte de Envios por Cliente le permitira visualizar la cantidad de mensajes enviados.
                                        <br/><br/></div>
                                    <ul class="nav">
                                        <li id="create-user4" style="width:100%"><a href="reportes/reportesTenviados.php"><div style="margin-top:-7px">SMS Enviados por Cliente</div></a></li>
                                    </ul>
                                </div>
                            </center>
                        </div>
                    </div>
                </body>
                <script>
                    if(document.getElementById('groups').checked){
                        document.getElementById('adgroup').disabled="";
                        document.getElementById('grupo').disabled="";
                    }
                    else{
                        document.getElementById('adgroup').disabled="disabled";
                        document.getElementById('grupo').disabled="disabled";
                    }
                    if(document.getElementById('fechas').checked){
                        document.getElementById('from').disabled="";
                        document.getElementById('to').disabled="";
                    }
                    else{
                        document.getElementById('from').disabled="disabled";
                        document.getElementById('to').disabled="disabled";
                    }
                </script>
                </html>
